/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* NOTE
   The below variables are overridden by the ones used inside 
   ./config/general_variables.css file, if this projects full package is used.
   Set custom values inside ./config/general_variables.css in that case.
*/

:root{
  --top_toolbars_background: hsl(235,33%,19%); /* #0063b1 */ /* hsl(235,33%,19%) was used by old accent color option  */ 
  --top_toolbars_background_inactive: hsl(235,13%,9%); /* #ffffff */
  --top_toolbars_text: #ffffff;
  --top_toolbars_text_inactive: #999999;
}

:root:not([lwtheme]) #navigator-toolbox  .browser-toolbar:not(.browser-titlebar),
:root:not([lwtheme]) #navigator-toolbox #nav-bar,
:root:not([lwtheme]) #navigator-toolbox toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar),
:root:not([lwtheme]) #navigator-toolbox #PersonalToolbar,
:root:not([lwtheme]) #navigator-toolbox #TabsToolbar {
  background-image: unset !important;
  background: unset !important;
  color: unset !important;
}

:root:not([lwtheme]) #titlebar,
:root:not([lwtheme]) #toolbar-menubar,
:root:not([lwtheme]) #TabsToolbar,
:root:not([lwtheme]) #navigator-toolbox{
  background: var(--top_toolbars_background) !important;
  color: var(--top_toolbars_text) !important;
}

:root:not([lwtheme]):-moz-window-inactive #titlebar,
:root:not([lwtheme]):-moz-window-inactive #toolbar-menubar,
:root:not([lwtheme]):-moz-window-inactive #TabsToolbar,
:root:not([lwtheme]):-moz-window-inactive #navigator-toolbox {
  background: var(--top_toolbars_background_inactive) !important;
  color: var(--top_toolbars_text_inactive) !important;
}

:root:not([lwtheme]) #main-menubar > menu > label {
  color: var(--top_toolbars_text) !important;
}

:root:not([lwtheme]):-moz-window-inactive #main-menubar > menu > label {
  color: var(--top_toolbars_text_inactive) !important;
}

/* might not work through userChrome */
:root:not([lwtheme]) #TabsToolbar toolbarbutton,
:root:not([lwtheme]) #scrollbutton-up,
:root:not([lwtheme]) #scrollbutton-down,
:root:not([lwtheme]) .titlebar-button,
:root:not([lwtheme]):-moz-window-inactive .titlebar-button,
:root:not([lwtheme]):-moz-window-inactive .titlebar-button.titlebar-close:hover,
#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down),
arrowscrollbox:not([clicktoscroll="true"]) > .scrollbutton-up,
arrowscrollbox:not([clicktoscroll="true"]) > .scrollbutton-up:not([disabled="true"]):hover {
  fill: CurrentColor !important;
}

/* use caption buttons offered for lw-themes *//*
.titlebar-button {
  -moz-context-properties: unset !important;
}
.titlebar-min {
  list-style-image: url(chrome://browser/skin/window-controls/minimize-themes.svg) !important;
}
.titlebar-max {
  list-style-image: url(chrome://browser/skin/window-controls/maximize-themes.svg) !important;
}
.titlebar-restore {
  list-style-image: url(chrome://browser/skin/window-controls/restore-themes.svg) !important;
}
.titlebar-close {
  list-style-image: url(chrome://browser/skin/window-controls/close-themes.svg) !important;
}
*/
